<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>选择器</title>
	<style type="text/css">
		p{
			color: red;
			font-size: 30px;
		}
		/*标签选择器*/
		span{
			color: blue;
		}
		#box{
			color: green;
		}
		.box{
			color: yellow;
		}
		p,span,h1{
			font-size: 50px;
		}
		html body p i{
			font-size: 20px;
		}
		*{
			font-family: "宋体"
		}
		h1:hover{
			color: red;
		}

	</style>
</head>
<body>
	<p class="box">这是第一个p <i>这个是一个i</i></p>
	<p id="box">这是第二个p</p>
	<p>这是第三个p</p>
	<span class="box">这是第三个span</span>
	<span class="box">这是第三个span</span>
	<span>这是第三个span <i>这个是一个i</i></span>
	<h1>这个是一个标题标签</h1>

</body>
</html>